<template lang="html">
  <div class="userDream">
    <div class="user-top">
      <div class="user-box-top">
        <img src="" alt="header">
        <p>名称</p>
        <p>职业</p>
      </div>
      <div class="user-box-main">
        <div class="one">
          <img src="" alt="提现">
          <p>提现余额：1584￥</p>
          <el-button>提现</el-button>
          <el-button>查看提现记录</el-button>
        </div>
        <div class="two">
          <img src="" alt="淘币">
          <p>淘币余额：1584 $</p>
          <p>昨日获得淘豆：178 $</p>
          <el-button>兑换</el-button>
          <el-button>查看兑换记录</el-button>
          <el-button>查看淘豆流水</el-button>
        </div>
        <div class="three">
          <img src="" alt="额度">
          <p>消费额度：1584 $</p>
          <p>已消费额度：178 $</p>
          <p>消费额度提升: $</p>
          <p>已消费额度: $</p>
          <p>额度剩余: $</p>
          <el-button>赠送</el-button>

          <el-button>查看额度流水</el-button>
        </div>
        <div class="three">
          <img src="" alt="额度">
          <p>推荐人数：1584 $</p>
          <p>推荐额度：178 $</p>

        </div>
      </div>

    </div>
  </div>
</template>

<script>
export default {
    data() {
        return {

        }
    }
}
</script>

<style lang="css">

</style>
